<template>
    <div class="total">
        <p class="total-left">
            合计
        </p>
        <p class="total-right">
            ￥45.00
        </p>
    </div>
</template>

<script>
    export default {
        name:"Total",
        
    }
</script>

<style scoped>
.total{
    width: 100%;
    height: 1.8rem;
    background-color: #ffffff;
}
.total-left{
    width: 46%;
    height: 100%;
    float: left;
    font-size: 0.3rem;
    margin-left: 0.2rem
}
.total-right{
    width: 49%;
    height: 100%;
    float: left;
    color: #de2626;
    text-align: right;
    font-size: 0.3rem;
    margin-right: 0.1rem
}
</style>